/******************** 全局布局 ********************/ .wrapper{ padding:30px 0px 30px; } .w{width: 1200px;margin: 0 auto;} .nybanner, .nybanner ul, .nybanner img{ height:340px;} .nybanner.nyb2{ height:360px;} .content { width:730px;} .sitepath{ height: 54px; line-height: 54px; color: #666666; border-bottom: 1px solid #f1f1f1;margin:0 auto 10px;overflow: hidden;} .sitepath s{ width:22px; height: 26px; background-position:0 0; margin-right: 8px;} .sitepath span{ color: #0490d3; font-weight: bold;} .sitepath a{ color: #666666; } .sitepath a:last-child{color: #0490d3; font-weight: bold;} .sitepath a:hover { color: #0490d3; } .sbox{border-bottom: 1px dotted #eee;padding-bottom: 5px;} .erro{padding:0 10px; color:Red; font-size:14px;line-height:60px; height:60px} /*TITLE*/ .leftTit{ width:100%; height:38px; line-height: 38px; color: #0490d3; position: relative; font-weight: bold; font-size: 16px; background:url(../images/leftit.png) repeat-x left top; border-bottom:1px solid #e4e4e4;text-indent: 15px;} .leftTit s{ width:9px; height:38px; background-position: -100px -86px; margin-right: 14px; vertical-align: top;*vertical-align: middle; } /*recommend*/ .recommend{ border:1px solid #e4e4e4; padding-bottom: 10px; background: #fff; font-size: 12px; margin-bottom: 20px;} .recommend .leftTit a{ color:#555555; font-size: 12px; margin-right: 15px; font-weight: normal;} .recommend .leftTit a:hover{color: #0490d3} .reNew{overflow: hidden;} .reNew .list{padding-top: 10px;width: 104%;} .reNew li{ width:420px; padding:0px 20px; line-height: 28px; float: left;height: 28px;overflow: hidden;} .reNew li s{ width:9px; height:7px;background-position:-90px -112px;} .reNew li a{ color: #666666; display:block;} .reNew li span{color: #666;} .rePro .list{ padding-top: 18px;} .rePro li {float:left; width:160px; margin-left:16px;text-align:center; line-height:30px; } .rePro li a{ display:block; color: #555555; } .rePro li a:hover{ color:#0490d3 } .rePro li img { width:158px; height:65px; border:1px solid #e6e6e6; display:block; } .rePro li img:hover { opacity:0.8; filter:Alpha(opacity=80); border:1px solid #0490d3; } .recommend li a:hover{ color:#0490d3;} /* pager */ /*分页样式*/ .pages{padding: 20px 0;width:100%;text-align: center;clear: both;} .pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;} .pages a:hover{display:inline-block;color: #fff;background: #0490d3;border-color: #0490d3;box-shadow: 0 0 14px rgba(0, 0, 0, .2);} .pages span{display:inline-block;color: #666;} .pages a.page-num-current{display:inline-block;color: #fff;background: #0490d3;border-color: #0490d3;box-shadow: 0 0 14px rgba(0, 0, 0, .2);} /* reLink */ .reLink {height:38px; line-height:38px; color: #666; border:1px solid #e4e4e4; margin-bottom:15px;overflow: hidden;} .reLink .prevLink { float:left; margin-left:10px;color: #666;} .reLink .nextLink { float:right; margin-right:10px;color: #666;} .reLink a{ color: #666;} .reLink a:hover{ color: #0490d3;} /*leftNav*/ .subleft{ width:210px;} .lefta{ width:180px;padding:14px; border: 1px solid #e4e4e4;} .leftnews.bor9{padding:14px; border: 1px solid #e4e4e4;background: #fff;} .submian {padding-bottom: 30px;padding-top: 30px;} .submian .sobtitle { height: 20px; line-height: 20px; padding:16px 0px; font-size: 14px;} .submian .sobtitle .home{background: url(../images/homei.png) no-repeat left center;width:18px;height:18px;display: inline-block; vertical-align: middle;margin-right: 6px;} .submian .sobtitle a { font-size: 14px; } .submian .sobtitle a.now { color: #dc241c; font-size: 14px; font-weight: bold; } .submian .sobtitle a.now:hover { text-decoration: underline; } .submian .subleft .title { background:#0490d3;height:40px; line-height: 40px; color: #fff; text-align: center;font-size: 16px;margin-bottom:3px;font-weight: bold;} .submian .subleft .title p { color: #fff; font-size: 14px; font-weight: normal;line-height: 24px;} .submian .subleft .lefta {width:180px; padding:14px; border: 1px solid #e4e4e4; margin-bottom:20px; background: #fff;} .submian .subleft .comt { background: #fff;} .submian .subleft .lefta .comt ul li { line-height:40px;margin-bottom: 3px;} .submian .subleft .lefta .comt ul li a { height:40px; line-height:40px; display: block;font-size: 14px; border-bottom: 1px solid #fff;overflow: hidden;padding-left: 26px;background: url(../images/leftli.jpg) no-repeat left top;} .submian .subleft .lefta .comt ul li .drop a:hover { color: #dc241c; background: none; } .submian .subleft .lefta .comt ul li a:hover, .submian .subleft .lefta .comt ul li.hover a{ background: url(../images/leftli_a.jpg) no-repeat left #fff; font-weight: bold;color: #fff;} .nav-2 li a:hover,.nav-2 li.hover a{ background: url(../images/leftli_a.jpg) no-repeat left #fff !important; font-weight: bold;color: #fff;} .submian .subleft .lefta .comt ul li.hover .drop a {font-weight: normal; } .submian .subleft .lefta .comt ul li .drop{width: 100%;} .submian .subleft .lefta .comt ul li .drop a{background: #f7f6f6;font-size: 12px;height:36px; line-height:36px;overflow: hidden;} .submian .subleft .adv { margin-bottom: 10px; background: #000; } .submian .subleft .adv a img { display: block; width: 100%; } .submian .subleft .adv a:hover img { opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; } .submian .subright .produtlist{width: 100%;overflow: hidden;padding-top:20px;} .submian .subright .produtlist .list{width: 108%;} .submian .subright .produtlist .item{float: left;width:295px;position: relative;margin-right:20px;margin-bottom: 24px;} .submian .subright .produtlist .item a{display: block;} .submian .subright .produtlist .item .img{width:295px;height:166px;overflow: hidden;} .submian .subright .produtlist .item img{width:100%;height:100%;display: block;transition: all 0.3s ease-out 0s;} .submian .subright .produtlist .item:hover img{transform: scale(1.1, 1.1);} .submian .subright .produtlist .item .txt{width: 100%;padding-top:18px;} .submian .subright .produtlist .item .txt h3{font-weight: normal;font-size: 16px;} .submian .subright .produtlist .item .txt span{width:12px;height: 18px;display: block;background-position:-352px 0;margin-top: 5px;} .submian .subright .produtlist .item:hover .txt h3{color:#0490d3;} .submian .subright .produtbox{width: 100%;overflow: hidden;padding-top:20px;} .submian .subright .produtbox .list{width: 108%;} .submian .subright .produtbox .item{float: left;width:295px;position: relative;margin-right:20px;margin-bottom: 24px;} .submian .subright .produtbox .item a{display: block;} .submian .subright .produtbox .item .img{width:300px;height:300px;overflow: hidden;} .submian .subright .produtbox .item img{width:100%;height:100%;display: block;transition: all 0.3s ease-out 0s;} .submian .subright .produtbox .item:hover img{transform: scale(1.1, 1.1);} .submian .subright .produtbox .item .txt{width: 100%;padding-top:18px;} .submian .subright .produtbox .item .txt h3{font-weight: normal;font-size: 16px;text-align:center;} .submian .subright .produtbox .item .txt span{width:12px;height: 18px;display: block;background-position:-352px 0;margin-top: 5px;} .submian .subright .produtbox .item:hover .txt h3{color:#0490d3;} .submian .subright .produtbox .item2{float: left;width:295px;position: relative;margin-right:20px;margin-bottom: 24px;} .submian .subright .produtbox .item2 a{display: block;} .submian .subright .produtbox .item2 .img{width:300px;height:169px;overflow: hidden;} .submian .subright .produtbox .item2 img{width:100%;height:100%;display: block;transition: all 0.3s ease-out 0s;} .submian .subright .produtbox .item2:hover img{transform: scale(1.1, 1.1);} .submian .subright .produtbox .item2 .txt{width: 100%;padding-top:18px;} .submian .subright .produtbox .item2 .txt h3{font-weight: normal;font-size: 16px;text-align:center;} .submian .subright .produtbox .item2 .txt span{width:12px;height: 18px;display: block;background-position:-352px 0;margin-top: 5px;} .submian .subright .produtbox .item2:hover .txt h3{color:#0490d3;} .submian .subright .info{padding:20px 0;} .submian .subright .info img{max-width: 100% !important;display: block;margin: 0 auto;} .submian .subright { width:924px; padding:20px;border: 1px solid #ddd;background: #fff;} .submian .subright .title{border-bottom: 1px solid #ddd;position: relative;padding:10px 0;} .submian .subright .title h3{font-size: 18px;font-weight: bold;line-height: 30px;} .submian .subright .title em{width: 50px;height: 2px;display: block;position: absolute;left: 0;bottom:-1px;background:#0490d3;} .submian .newslist .item { padding: 15px 0px; border-bottom: 1px dotted #c2c2c2;width: 100%;} .submian .newslist .item a { display: block; } .submian .subright .newslist .item a img {width:0;height:110px;display:block; } .submian .subright .newslist .item a .txt {/*padding-left:20px;*/cursor: pointer;} .submian .subright .newslist .item a h3 { height: 40px; line-height: 40px; } .submian .subright .newslist .item a h3 b {font-size: 14px;color: #666;} .submian .subright .newslist .item a h3 i { color: #999;font-weight: normal;} .submian .subright .newslist .item a p { line-height: 22px;overflow: hidden; display: block; color: #666;} .submian .subright .newslist .item a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; } .submian .subright .newslist .item a:hover p,.submian .subright .newslist ul li a:hover h3 b{ color:#0490d3; } .submian .subright .newslist h2{font-weight: normal;} .soulist{padding-top:20px;} .submian .subright .caselist {overflow: hidden;} .submian .subright .caselist .parterul{width: 108%;} .submian .subright .caselist .parterul li { padding:10px 0px;width:170px;float: left;display: block;margin-right:16px;} .submian .subright .caselist .parterul li a { display: block; } .submian .subright .caselist .parterul li a img { width:158px; height:65px; display: block; border:2px solid #e2e2e2; } .submian .subright .caselist .parterul li a h3{font-weight: normal;text-align: center;} .submian .subright .caselist .parterul li a:hover h3{color:#0490d3;} .submian .subright .caselist .parterul li a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border-color: #0490d3; } .submian .subright .thumblist{overflow: hidden;} .submian .subright .thumblist .item{width: 100%;border-bottom: 1px solid #eaeaea;display: block;padding: 30px 0;} .submian .subright .thumblist .item a{display: block;} .submian .subright .thumblist .item .img{width:178px;height: 168px;display:block;overflow: hidden;cursor: pointer;} .submian .subright .thumblist .item img{width: 100%;display: block;height: 100%;transition: all 0.3s ease-out 0s;} .submian .subright .thumblist .item a:hover img{transform: scale(1.1, 1.1);} .submian .subright .thumblist .item .txt{width:730px;cursor: pointer;} .submian .subright .thumblist .item .txt h3{font-size: 15px;font-weight: bold;} .submian .subright .thumblist .item .txt .mark{color: #999;font-size: 12px;padding:0;} .submian .subright .thumblist .item .txt .mark span{display: inline-block;padding-right: 18px;} .submian .subright .thumblist .item .txt p{color: #666;line-height: 24px;} .submian .subright .thumblist .item .txt p span{display: inline-block;color:#0490d3;padding-left: 10px;} .submian .subright .thumblist .item a:hover .txt h3{color:#0490d3;} .submian .honorlist{width: 100%;overflow: hidden;padding-top:20px;} .submian .honorlist .list{width: 108%;} .submian .honorlist .item{float: left;width:214px;margin-right:20px;background: #fff;position: relative;text-align: center;margin-bottom:40px;} .submian .honorlist .item a{display: block;padding:0;} .submian .honorlist .item img{width:214px;height:160px;margin: 0 auto;border: 1px solid #e5e5e5;} .submian .honorlist .item h3{font-size:14px;color: #000;font-weight: normal;line-height:24px;padding-top:5px;} .submian .honorlist .item p{color: #999;font-weight: normal;line-height: 20px;height: 20px;display:none;} .submian .honorlist .item .txt{position: absolute;left: 0;bottom: -32px;width: 100%;} .submian .honorlist .item:hover img{border: 1px solid #0490d3;} .submian .teamlist{width: 100%;overflow: hidden;padding-top:20px;} .submian .teamlist .list{width: 108%;} .submian .teamlist .item{float: left;width:216px;margin-right:12px;background: #fff;position: relative;text-align: center;margin-bottom:20px;} .submian .teamlist .item a{display: block;} .submian .teamlist .item img{width:200px;height:150px;margin: 0 auto;border: 1px solid #e5e5e5;padding: 2px;} .divremmnews{padding: 10px;overflow: hidden;} .divremmnews ul{width: 104%;} .divremmnews li{ width:430px; padding:0; line-height: 28px; float: left;height: 28px;overflow: hidden;margin-right:40px;} .divremmnews li s{ width:9px; height: 12px; background-position:-90px -112px;} .divremmnews li a{ color: #666666; display:block;} .divremmnews li a:hover{color: #0490d3;} .divremmnews li span{color: #999;font-size: 12px;} .biaogg td{padding:5px; border:1px solid #eee;} .aboutlist p img,.aboutlist img,.ArticleTencont img{max-width: 100% !important;margin: 0 auto;} .aboutlist{padding-top: 20px;} /*leftRecom*/ .leftRecom{ width:250px; border:1px solid #e4e4e4; margin: 20px 0;} .leftRecom li{ width:189px;margin: 10px auto;text-align: center;} .leftRecom li img{width:183px; height: 137px;padding:2px; border:1px solid #e3e3e3; display: block;} .leftRecom li h3{color: #666666;line-height:30px;} .leftRecom li:hover img{background: #ffb700; border-color: #fff;} .leftRecom li:hover h3{color:#ffb700;} /*leftCon*/ .leftnews .leftTel{ margin:18px 0px 0px 15px;line-height: 16px; } .leftnews .leftTel .icon{width: 46px;height:46px;margin-right: 6px;background-position: -158px 0;} .leftnews .leftTel span{ color:#303030;font-size:14px;} .leftnews .leftTel strong{font-size:22px;color:#0490d3;font-family: impact;font-weight: normal;display:block;line-height: 30px; } .leftnews .icontxt{font-size:12px;color:#303030;line-height:24px; padding:16px 15px;} .leftnews {margin-bottom: 10px;background: #fff;} .leftnews .title { height: 42px;line-height:32px;margin-bottom: 0;} .leftnews .leftnewscomt { background: #fff; padding: 10px; } .leftnews .leftnewscomt ul li { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden; } .leftnews .leftnewscomt ul li a { font-size: 14px; display: block; padding-left: 10px; } .leftnews .leftcont { background: #fff; padding:10px 0;overflow: hidden;} .leftnews .leftcont h2 {font-size:14px; font-weight: bold; color: #0490d3; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;line-height: 20px;} .leftnews .leftcont span { line-height: 24px; display: block; border-bottom: 1px solid #f2f2f2;padding: 10px 0;} .leftnews .leftcont p {font-size: 18px; color: #333; padding-top: 10px; } .leftnews .leftcont p i {font-size:20px; color: #0490d3; display: block; font-family: impact;line-height: 28px;word-wrap:break-word; word-break:normal;} .leftprocomt{margin:10px 0;position: relative;overflow: hidden;} .leftprocomt li{width:180px;margin: 0 auto 10px;display: block;} .leftprocomt li a{display: block; text-align: center;} .leftprocomt li img{width:180px;height:101px;} .leftprocomt li h3{text-align: center;font-weight:normal;height:30px;line-height:30px;} .leftprocomt li a:hover h3{color: #0490d3;} /*************************/ /*singlePage*/ .singlePage .contxt{ line-height: 26px; font-size: 14px; color: #555; padding:0px 8px;} .singlePage .contxt img,.singlePage .contxt p img{max-width: 100% !important;} .ArticleTitle{} .ArticleTitle h1.bt{ font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; color:#333; border-bottom: 1px dashed #e1e1e1; margin-bottom: 5px; } .conBox .mark { height:30px; line-height:30px; text-align:center; font-size:12px; color: #999; } .conBox .mark span { margin-left: 14px;} .conBox .mark span:first-child{margin-left:0;} /* listProduct */ .listProduct{width: 100%;overflow: hidden;} .listProduct .list{width:102%;} .listProduct .item{width:220px;float:left;margin:0px 24px 20px 0px;padding-bottom:15px;} .listProduct .item a{display: block;} .listProduct .item a img{width:220px;height:165px;} .listProduct .item a h3{font-size: 14px; font-weight: normal;line-height:20px;padding-top: 6px;text-align: center;} .listProduct .item a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} .productTab{background: #1b77bc none repeat scroll 0 0; height: 36px; margin-bottom: 2px;width: 100%;overflow: hidden;} .productTab h3{color: #ffffff;font-size: 16px;height:34px;line-height:34px; margin-right: 2px; text-align: center;cursor: pointer;display: inline-block;+display: inline;padding: 0 20px;font-weight: normal;} .productTab h3.current{background: #ffffff; border-left: 2px solid #1b77bc; border-top: 2px solid #1b77bc; color: #1b77bc;font-weight: bold;+padding:4px 20px 12px;} .productContent{color: #454545; line-height:26px; display: none;} .procont{padding-bottom: 20px; padding-top: 20px;} /* listNews */ .listNews .newslist {overflow:hidden; } .listNews .list{overflow:hidden;} .listNews .item { width:100%; border-bottom:1px solid #e9e7e7; padding-bottom: 20px; margin-bottom: 25px; } .listNews .item a{display: block;} .listNews .item a h3 { font-weight: normal;color:#333;} .listNews .item a:hover h3 { font-weight: normal;color:#0490d3;} .listNews .item a p{color: #666;font-size: 12px;} /*.listNews .item a:hover,.listNews .item a:hover p{color: #0490d3;}*/ .listNews .item .time { color:#666666; font-size: 12px; font-weight: normal; } .listNews li dd{height: 44px;margin-top:10px;font-size:12px;color:#666666;line-height:22px;} .questionlist li{border-bottom: 1px solid #ccc;padding: 15px 0;} .questionlist li p i{background:#662a2a;} .questionlist li i{width:20px;height:20px;color: #fff;font-size: 12px;display: inline-block; text-align: center;line-height:22px; margin-right: 9px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius: 20px;} .questionlist li span{font-size: 12px;} .questionlist li span i{background:#0490d3;} /*listCase*/ .listCase .list{ width:108%;} .listCase .item{ padding:8px 0px;width:284px;float: left;display: block;margin-right: 18px;} .listCase .item a{display: block;} /*.listCase .item img{width:270px; height:152px; display: block;border:4px solid #e2e2e2;} .listCase .item h3{ width:100%; height:40px; line-height: 40px; display: block; color:#555555;font-weight: normal;text-align: center;cursor: pointer;} .listCase .item:hover h3{ color: #0490d3;} .listCase .item:hover img{/*filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;*/border-color: #0490d3; }*/ .listCase .item .desc{font-size: 12px;text-align: justify;color: #666;line-height: 20px;} .listCase .item h3{text-align: left;height:32px;line-height:32px;color:#181818;font-size: 14px;font-weight: normal;} .listCase .item:hover h3{font-weight: normal;color: #0490d3;} .listCase .item img{width:284px; height:160px; display: block;border: 0 none;position: absolute;-webkit-transition: all .4s; transition: all .4s;} .listCase .item:hover img{border: 0 none;-webkit-transform: scale(1.05); transform: scale(1.05);} .listCase .item a.img{width:284px; height:160px;overflow: hidden;position: relative;} .listCase .item .desc{font-size: 12px;color: #666;line-height: 20px;} .listCase.fangan .item h3{ width:100%; height:40px; line-height: 40px; display: block; color:#555555;font-weight: normal;text-align: center;cursor: pointer;} .listCase.fangan .item:hover img{-webkit-transform: scale(1); transform: scale(1);} .listCase.fangan .item:hover h3{color: #0490d3;} .detaiInfo img{max-width: 100% !important;margin: 0 auto;} .parterlist{width: 100%;overflow: hidden;padding-top: 20px;} .parterlist .parterul {width: 108%;} .parterlist .parterul li{float: left;width:432px;margin-right:35px;position: relative;text-align: center;margin-bottom:35px;} .parterlist .parterul li a{display: block;padding:0;} .parterlist .parterul li img{width:432px;height:270px;margin: 0 auto;} .parterlist .parterul li .txt{height: 160px;text-align: center;} .parterlist .parterul li h5{font-size: 16px;color: #000;font-weight: normal;} .parterlist .parterul li em{width: 54px;height: 2px;margin: 0 auto;background: #ccc;display: block;} .parterlist .parterul li span{color: #ff7e00;margin-top:28px;display: block;} .parterlist .parterul li a:hover h5{color:#ff7e00;} .parterlist .parterul li a:hover em{background: #ff7e00;} .parterlist .parterul li a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;} /* pageNews */ .pageNewsRight{ width:220px;} .pageNewsRight a{ display: block;} .pageNewsRight .right_1,.pageNewsRight .right_2{ margin-bottom: 20px; border: 1px solid #e4e4e4;} .leftnews .con{ padding:5% 0;} .leftnews .con ul{ background:url(../images/nnewsbg3.jpg) no-repeat 4px 6px;width: 100%;} .leftnews .con li{ line-height: 24px; font-size: 12px;height: 24px;overflow: hidden;padding-left: 32px;} .leftnews .con li a{ color: #666;line-height: 24px;height: 24px;} .leftnews .con li a:hover{ color: #0490d3;} .leftnews .con li span{ float: right; color: red; font-size: 12px;} .pageNews{ width:710px;} .pageNews h1.bt{ font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; color:#333; border-bottom: 1px dashed #e1e1e1; margin-bottom: 5px; } .pageNews .mark { height:30px; line-height:30px; text-align:center; font-size:12px; color: #999; } .pageNews .mark span { margin-left: 14px;} .pageNews .mark span:first-child{margin-left:0;} .pageNews .info { margin-bottom:20px; padding: 10px 0; color: #666; } .pageNews .info img,.pageNews .info p img{ max-width: 100% !important; height: auto !important;display: inline;} .pageNews .showtag{ margin:20px 0 18px; color: #666;} .pageNews .showtag a{ color: #666; text-decoration: underline;} /* formData */ .formData { width:600px; margin:0px auto 20px; padding-top:30px; } .formData .item{ margin-bottom: 10px; height: 27px; line-height: 27px;position: relative;} .formData .liuyan{ height:82px;} .formData .item p{ width:95px; float: left; text-align: right; line-height:27px; height: 27px;} .formData .item label { margin-right:5px; } .formData .item .tip { width:150px; margin-left:20px; float: left; } .formData .item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; float: left; border:1px solid #ddd; border-radius:2px; padding:0 5px; } .formData .item textarea { width:260px; height:80px; color:#666; border:1px solid #ddd; margin-bottom:15px; border-radius:3px; padding:0; resize: none; overflow: hidden;background: #fff; } .formData .item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; } .formData .code{ height: 27px;width: 360px;} .formData .code input { width:152px; float: left; } .formData .item .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#0490d3; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; } .formData .sub:hover { background:#666; } .formData tr.code img { float: left; vertical-align:middle; *vertical-align:0; margin-left:10px; } .formData .err, .formData .red { color:#ff0000; } .formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; } .formData .code .msg-box{ margin-left: 100px; *float: right;} .checkimg{position: absolute;left:265px;top: 2px;} .submian .subright .anlitopH4, .submian .subright .divanli { background: #fff; } .submian .subright .anlitopH4 { height: 38px; line-height: 38px; border: 1px solid #e4e4e4;margin-top: 20px;} .submian .subright .anlitopH4 span { border-left: 5px solid #0490d3; height: 38px; line-height: 38px;padding-left: 22px; display: block; float: left; color: #0490d3; font-weight: bold; font-size: 14px; } .submian .subright .anlitopH4 span .org { color: #ff7e00; } .submian .subright .anlitopH4 span .org { display:inline} .submian .subright .divanli_mess {margin-bottom: 10px; padding: 15px 0; background: #fff;margin-top:5px;} .submian .subright .divanli_mess p { line-height:24px;} .submian .subright .divanli_mess ul {margin: 20px;width: 80%;} .submian .subright .divanli_mess ul li { padding-bottom: 15px; height: 31px;position:relative;display: block;} .submian .subright .divanli_mess ul li .tit { float: left; width: 80px; padding-right: 10px; text-align: right; font-size: 14px; line-height: 31px; height: 31px; } .submian .subright .divanli_mess ul li .tit font { color: #ff7e00; } .submian .subright .divanli_mess ul li input { width: 245px; height: 29px; line-height: 29px; padding: 0px 10px; border: 1px solid #e4e4e4;font-size: 14px; float: left;outline: none;} .submian .subright .divanli_mess ul li.beizhu { height:200px;width: 100%;} .submian .subright .divanli_mess ul li.beizhu textarea { height:200px; width:622px; line-height: 29px;background:#fff;border: 1px solid #e4e4e4;font-size: 14px; float: left; outline: none;text-indent: 10px;} .submian .subright .divanli_mess ul li.yanzhenm input { width: 100px; } .divanli_mess img{max-width: 100%;} .submian .subright .divanli_mess ul li.yanzhenm img{position: absolute;left:220px;top:4px;} .submian .subright .divanli_mess ul li.yanzhenm .msg-box{margin-left:65px;} .submian .subright .divanli_mess ul .bot { text-align: center; } .submian .subright .divanli_mess ul .bot input { width: 141px; background: #0490d3; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; } .submian .subright .divanli_mess ul .bot input:hover { opacity: 0.8; } .ArticleTencont{line-height: 28px;padding-top: 30px; padding-bottom:20px;} .ArticleTencont p a{color:#0490d3;} /* mapPage */ .map_ul{ list-style: outside none none; display: block; width: 100%;} .map_ul li {display: block; width: 100%;padding:0;margin-bottom:15px;+margin-bottom:10px;} .map_ul li a { width: 100%; height:35px; line-height:35px; font-weight: bold;display: block;background: #f6f6f6;text-indent: 15px;} .map_ul .list-inline { display: block;width: 86%;} .map_ul .list-inline li {height:32px;display: inline-block; *display: inline; margin:15px 5px 15px 0; zoom: 1; line-height: 32px; border-bottom: 0; text-align: center; width: auto; padding: 0px;} .map_ul .list-inline li a{ font-weight: normal; display:block;text-indent:0;line-height: 32px;height: 32px; display: inline-block; width: auto;padding:0px 10px; width: auto;border: 1px solid #ccc; } .map_ul .list-inline li a:hover{ background: #0490d3; color: #fff;border: 1px solid #0490d3; } /*百度地图*/ #content #mapCard_style{border:3px solid #ff6600;} .baiduMap{margin:10px; height:300px;} .BMap_bubble_title a{display: inline-block; padding: 0 10px; height:30px; line-height:30px; border-radius:5px; background: #333; color: #FFF;} .BMap_bubble_content{ line-height: 24px; padding: 10px 0;} .pageProduct .contentCon{ padding:20px 15px; } .pageProduct .tod{} .pageProduct .photo { width:450px; margin:0 0 20px; } .pageProduct .photo .jqzoom{ border:1px solid #ddd; width:450px; height:253px; margin-bottom: 15px; position:relative; padding:0px; cursor:pointer; overflow: hidden;} .pageProduct .photo div.zoomdiv { z-index: 999; position: absolute; top:0px; left:0px; width:450px;height:300px; background: #ffffff; border:1px solid #CCCCCC; display:none; text-align: center; overflow: hidden;} .pageProduct .photo div.jqZoomPup { z-index : 999; visibility: hidden; position: absolute; top:0px; left:0px; border: 1px solid #aaa; background: #ffffff; opacity: 0.5;-moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); width:300px !important;height:300px;} .pageProduct .photo .img { width:450px; height:253px; display:block; } .pageProduct .photoimg{ width:450px; height:82px; padding-top:10px; position:relative;} .pageProduct .photoimg .list{ width:260px; overflow:hidden;position:relative; margin-left:30px;} .pageProduct .photoimg .icon{ width:8px; height:12px; position:absolute; top:32px; cursor:pointer;display: block;background: url(../images/ico.png) no-repeat;} .pageProduct .photoimg .btnleft{ left:10px; background-position:0 0;} .pageProduct .photoimg .btnright{ right:10px; background-position:0 -12px;} .pageProduct .photoimg .list .listcon{ width:600%;} .pageProduct .photoimg a{ width:74px; height:42px; display:block; float:left; margin-right:14px; border:1px solid #eee;} .pageProduct .photoimg a img{ width:74px; height:42px; display:block;} .pageProduct .photoimg a:hover{ border:1px solid #f35b07;} .pageProduct .baseInfo { width:416px; } .pageProduct .baseInfo h1{ color:#555; font-weight:bold; font-size:16px;white-space: normal;word-break: break-all;} .pageProduct .baseInfo .miaos{ color: #666; margin-top: 5px;} .pageProduct .baseInfo .miaos p{ padding-left: 5px;font-size: 12px;line-height: 22px;height:90px;overflow: hidden;} .pageProduct .baseInfo .showtel{ width:90%; padding:10px 5%; margin-top:5px; line-height: 28px; background: #f3f3f3;} .pageProduct .baseInfo .showtel .telcon{ line-height: 28px;} .pageProduct .baseInfo .showtel .telcon strong{ font-size:26px; font-weight: normal; font-family: impact; color:#5aade2; } .pageProduct .baseInfo .button { width:107px; height: 36px; margin-top: 10px; line-height:36px; margin-right:15px; border-radius:2px; display:block; text-align: center; color:#fff; background:#0490d3; } .pageProduct .baseInfo .button:hover { background:#5aade2; } .pageProduct .detaiTit { height:44px; line-height:44px; border-bottom:1px solid #dbdbdb; margin:15px auto 15px; } .pageProduct .detaiTit h2{ width:95px; height: 42px; line-height: 39px; border-bottom:3px solid #ff7e00; text-align: center; color:#ff7e00;font-size:16px; } .pageProduct .detaiInfo { margin-bottom:10px; padding:0px 10px 10px; color:#666;white-space:normal;word-wrap:break-word} .pageProduct .detaiInfo a{display: block;} .pageProduct .detaiInfo img,.pageProduct .detaiInfo p img{max-width: 100% !important;margin: 0 auto;} .showpContact{margin-top: 20px;} .showpContact .txt{padding:20px;border:1px solid #eee;} .submian .subright .divanli_mess p { line-height:24px;} .submian .subright .divanli_mess .baoming{padding-top: 30px;} .submian .subright .divanli_mess .item { padding-bottom: 15px;position:relative;} .submian .subright .divanli_mess .item .tit { float: left;padding-right: 10px;line-height: 30px; height: 30px;width:80px;} .submian .subright .divanli_mess .item font { color: #dc241c;padding-left: 8px;} .submian .subright .divanli_mess .item input { width: 245px; height: 28px; line-height: 28px; padding: 0px 10px; border: 1px solid #e4e4e4;float:left;outline:none;} .submian .subright .divanli_mess .item.beizhu { height:150px;width: 100%;} .submian .subright .divanli_mess .item.beizhu textarea { height:150px; width:410px; line-height: 28px;background:#fff;border: 1px solid #e4e4e4;float: left; outline: none;padding-left: 10px;max-width: 836px;} .submian .subright .divanli_mess .item.yanzhenm input { width: 100px; } .submian .subright .divanli_mess .item.yanzhenm font{padding-left: 68px;} .divanli_mess img{max-width: 100%;} .submian .subright .divanli_mess .item.yanzhenm img{position: absolute;left:220px;top:4px;} .submian .subright .divanli_mess .item.yanzhenm .msg-box{margin-left:65px;} .submian .subright .divanli_mess .item.bot { text-align: center; } .submian .subright .divanli_mess .item.bot input { width: 141px; background:#0490d3; cursor: pointer; border: 0px; color: #fff; height: 43px; line-height: 43px; } .submian .subright .divanli_mess .item.bot input:hover {background:#ff7e00;} .submian .subright .divanli_mess .item.it1{margin-right:70px;width:385px;} .submian .subright .divanli_mess .item.beizhu textarea{width: 711px;} .submian .subright .divanli_mess .item input[type="radio"] {margin:0;opacity:0; display:inline-block; height:30px;} .submian .subright .divanli_mess .item.sexbox{display: block;} .submian .subright .divanli_mess .item.kclb .cklist{} .submian .subright .divanli_mess .item.sexbox input{width:0px;height:0px;float: none;display: inline-block;padding: 0;border: 0 none;} .submian .subright .divanli_mess .sexbox label{cursor:pointer;padding-left:15px;line-height:30px;color:#000;display:inline-block;padding-right: 15px;} .submian .subright .divanli_mess .sexbox label.sex {background:url(../images/radio.jpg) no-repeat left center; height:30px;padding-left:15px;} .submian .subright .divanli_mess .sexbox input[type='radio'].radio:checked + .checked {background:url(../images/radio_c.jpg) no-repeat left center;} .submian .subright .divanli_mess .sexbox label.checked{background:url(../images/radio_c.jpg) no-repeat left center;} .divanli_mess img{max-width: 100%;} .submian .subright .divanli_mess .item.yanzhenm .msg-box{position: absolute;left: 280px;} .menu_list { background: #fff; width: 100%; overflow: hidden; margin: 0 auto 20px; margin: 0 auto 0.2rem; padding: 20px 10px; padding: 0.2rem 0.1rem; box-sizing: border-box; border: 1px solid #ddd; border-top: 0; } .menu_list .menu_li { width: 100%; height: 100%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; } .menu_li>p>a { display: block; width: 70%; overflow: hidden; float: left; color: #ffffff; text-overflow: ellipsis; white-space: nowrap; height: 26px; line-height: 26px; margin-top: 7px; } .menu_li p { width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #ffffff; background-color: #3e5fae; margin: 0 auto; padding: 0 0 0 20px; box-sizing: border-box; margin-bottom: 5px; } .menu_li>p>span { display: block; width: 20%; height: 40px; float: right; background: url(../images/menu_tb1.png) center center no-repeat; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .menu_li>p>span.on { transform: rotateX(180deg); } .menu_li>p:hover { background: #3e5fae; color: #fff; } .menu_li>p:hover a { color: #fff; } .menu_li>p:hover span { background: url(../images/menu_tb3.png) center center no-repeat; } .menu_li ul { width: 100%; overflow: hidden; margin: 10px auto; padding: 0; padding: 0 0; background: #fff; } .menu_li > p > span.on { transform: rotateX(180deg); } .ct2-mn { float: right; width: 930px; } .yunu-showcase { margin-bottom: 40px; } .yunu-showcase-info { float: right; width: 500px; } .yunu-showcase-info h1 { margin: 0 0 15px; font-size: 24px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yunu-showcase-info p { margin: 0; color: #666; font-weight: bolder; font-size: 16px; } .yunu-showcase-info .tel { border-top: 2px solid #e6e6e6; margin-top: 15px; padding-top: 15px; background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;/* height: 42px; */ padding-left: 70px; line-height: 21px; font-size: 18px; } .yunu-showcase-info .tel a { float: right; line-height: 42px; padding: 0 15px; background-color: #0490d3; color: #fff; } .pc-slide { width: 400px; float: left; } .view { border: 1px solid #ddd; } .view .swiper-slide .imgauto { width: 100%; height: 300px; line-height: 300px; display: inline; } .view .swiper-container { width: 100%; } .preview { width: 100%; margin-top: 10px; position: relative; } .preview .swiper-container { width: 80%; margin: 0 10%; } .preview .swiper-slide { width: 30.33%; padding: 5px; } .preview .swiper-slide .imgauto { width: 100%; height: 80px; line-height: 78px; border: 1px solid #ddd; text-align: center; } .preview .swiper-slide .imgauto img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .preview .slide6 { width: 82px; } .preview .arrow-left { background: url(../images/feel3.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .preview .arrow-right { background: url(../images/feel4.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .preview .active-nav .imgauto { border: 1px solid #0490d3; } .img-center img { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .section { padding: 75px 0; } .section-title { margin-bottom: 70px; text-align: center; font-size: 40px; } .section-title strong { color: #0490d3; } .section-title p { margin: 0; font-size: 0; margin-top: 40px; } .section-title span { display: inline-block; vertical-align: middle; position: relative; font-size: 20px; padding: 0 20px; color:#333; } .section-title span:before, .section-title span:after { position: absolute; top: 50%; content: ''; width: 40px; height: 2px; background-color: #0490d3; margin-top: -1px; } .section-title span:before { right: 100%; } .section-title span:after { left: 100%; } .yunu-infocontent-body { line-height: 2; margin-bottom: 20px; } .yunu-infocontent-body p{ font-size:18px !important; } .yunu-infocontent-body img { max-width: 100% !important; height: auto !important; width: auto !important; display:block; margin: 0 auto; } .yunu-link { padding: 20px 0; } .yunu-link h4 { border-bottom: 1px solid #ddd; margin: 0; font-size: 18px; color: #0490d3; padding-bottom: 15px; } .yunu-link h4 small { text-transform: uppercase; font-size: 16px; font-weight: normal; color: #999; } .yunu-link ul { margin-left: -20px; } .yunu-link li { float: left; margin-left: 20px; margin-top: 20px; }